# Custom webpack configuration

## Overview

Add a `webpack hook` to your wingsuit.config.js if you want to extend the webpack configuration:

```js
module.exports = {
  webpack: function(appConfig) {
    return {
    // Custom Webpack.
    };
  },
  ...
  designSystem: {
    ...
  }
}
```
If you want to alter the final config, use the `webpackFinal hook`:

```js
module.exports = {
  webpackFinal: function(appConfig, webpack) {
    // Alter final webpack config.
    return webpack;
  },
  ...
  designSystem: {
    ...
  }
}
```
